<template>
  <div id="chartLineBoxs2" style="width: 100%; height: 520px"></div>
</template>
<script>
import echarts from "echarts";
export default {
  mounted() {
    var chartDoms2 = document.getElementById("chartLineBoxs2");
    var myCharts2 = echarts.init(chartDoms2);
    var options2;
    options2 = {
      xAxis: {
        type: "category",
        data: ["I", "II", "III", "IV", "V", "VI"],
      },
      yAxis: {
        type: "value",
      },
      series: [
        {
          data: [0, 0, 3.9, 0, 0, 0],
          type: "bar",
          barWidth: 15,
          barMinHeight: 0,
          itemStyle: {
            //柱形图圆角，鼠标移上去效果，如果只是一个数字则说明四个参数全部设置为那么多
            normal: {
              //柱形图圆角，初始化效果
              barBorderRadius: [15, 15, 0, 0],
            },
          },
        },
      ],
      color: "#5470c6",
    };
    options2 && myCharts2.setOption(options2);
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>
